layui.use(['table','layer','form','laydate'], function()
{
	var table = layui.table;
	var layer = layui.layer;
	var form = layui.form;
	var laydate = layui.laydate;
	var $ = layui.jquery;
	
	//新增弹窗中的保存添加事件
		$("body").on("click","#saveBtn",function(){	//二次选择
			//获取form的全部数据
			var data = form.val("menuForm");

			//console.log(data);
			//把数据推送道后台
			//ajax
			if(data.name==""){
				return ;
			}

			$.post("/category/save",data,function(){
				layer.closeAll();
				$("#searchBtn").click();
			});
		});
	
	
	//给新增按钮绑定事件
	
	$("#addBtn").on("click",function(){		
		//弹出窗口
		$.get("/category/top",function(tops){
			layer.open({
			type:1
			,area:['400px','500px']//窗口大小
			,title:"新增类别"
			,content:$("#addMenuTemplate").html()
		});
			
		$.each(tops,function(index,value){
			$("#parentId").append("<option value='"+value.id+"'>"+value.name+"</option>")
		});
		form.render();
		
		});

		//新增弹窗中的保存添加事件
		$("#saveBtn").on("click",function(){
			//获取form的全部数据
			var data = form.val("menuForm");
			console.log(data);
			//把数据推送道后台
			//ajax
			$.post("/category/save",data,function()
			{
				layer.closeAll();
				$("#searchBtn").click();
			});
		});
		
	});
	
	//给查询按钮绑定事件
	$("#searchBtn").on("click",function(){
		table.render({
			elem: '#menuTable'
			, url: '/category/list' //数据接口
			, page: true //开启分页
			, cols: [[ //表头
				{ field: 'id', title: 'ID', width: '10%', fixed: 'left' }
				, { field: 'name', title: '类型名', width: '30%'}
				, { field: 'parentName', title: '上级分类名', width: '30%' }
				, { title: '操作', width: '30%' ,toolbar:"#operateTemplate"}
			]],
			limits:[5,10,15,20],
			limit:10,
			where:{"keyword":$("#searchMenuname").val()}
		});
		
		table.on('tool(menuTable1)',function(obj){
			
			var menuid=obj.data.id;//获取当前操作行的id
			
			if(obj.event == "del" ){//点击删除按钮
				layer.confirm("你确定要删除么？",function(){
					$.post("/category/del",{id:menuid},function(msg)
					{

						layer.closeAll();
						layer.confirm(msg);
						$("#searchBtn").click();
					});
				}/*,function(){}*/);
			}else if(obj.event == "edit"){//点击编辑按钮
			$.get("/category/top",function(tops){
				$.get("/category/findById",{id:menuid},function(m)
				{

					layer.open({
						type:1
						,area:['400px','400px']//窗口大小
						,title:"编辑菜单"
						,content:$("#addMenuTemplate").html()
					});
					
					form.val("menuForm",m);//第一个获取值，第二个赋值给u
					//传top	
					if(m.parent_id!=0)
					$.each(tops,function(index,value){
					$("#parentId").append("<option value='"+value.id+"' "+(value.id=m.parent_id?'selected':'')+">"+value.name+"</option>")
					});
					form.render();
					
					
					/*$("#saveBtn").on("click",function(){	
						//获取form的全部数据
						var data = form.val("menuForm");
						//console.log(data);
						//把数据推送道后台
						//ajax
						$.post("/menu/save",data,function(){
							layer.closeAll();
							$("#searchBtn").click();
						});
					});*/
					
				});
				});
			}else{
				
			}
			
		});
		
	}).click();
	
});